<template>
	<div class="b">
		<div class="top">
			<span class="q">嘟嘟巴士</span>
		</div>
		<div class="header">
			<div class="left">
				<a id="shang" href="#">上下班</a>
			</div>
			<div class="right">
				<a class="bao">包车</a>
			</div>
		</div>
		<div class="nav">
			<div class="d">
				<i class="iconfont icon-dingwei"></i>	
				<input type="text" />
			</div>
			<div class="w">
				<i class="iconfont icon-dingwei1"></i>
				<input type="text" />
			</div>
		</div>
		<div class="cha" @click="tiao()"> 
			查询 
		</div>
	
	</div>
</template>

<script>
	
	export default {
		methods: {
			tiao() {
				this.$router.push({
					path:'/ticketv'
				})
			}
		}
	}
</script>

<style>
	.b {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.top {
		height: 60px;
		background-color: red;
		line-height: 60px;
		text-align: center;
	}
	
	.q {
		width: 40vw;
		font-size: 20px;
		color: white;
	}
	.header{
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid gray;
	}
	.left{
		height: 30px;
		width: 120px;
		margin-left: 30px;
		line-height: 30px;
		margin-top: 5px;
		background: red;
		float: left;
		
	}
	.right{
		width: 50vw;
		float: right;
		border-left: 1px  solid gray;
	}
	#shang{
		color: white;
		width: 20px;
		height: 30px;
		margin-left: 35px;
		
	}
	.bao{
		margin-left: 60px;
	}
	.nav{
		width: 90vw;
		height: 20vh;
		margin-left: 18px;
		margin-top: 10px;
		border: 1px solid black;
	}
	.cha{
		width: 90vw;
		height: 35px;
		background: red;
		text-align: center;
		margin-left: 19px;
		margin-top: 10px;
		line-height: 30px;
		border-radius: 5%;
	}
	.d{
		width: 70vw;
		height: 10vh;
	}
	.w{
		width: 70vw;
		height: 10vh;
	}
</style>